<template>
  <div style="border:1px solid #ccc;margin:1em;padding:1em">
    从父组件中接收的prop
    <p v-for="item in list" :key="item">
      公司名：{{item.name}}, offer:{{item.id}}
    </p>
    <hr/>
     添加新公司
    <p>新公司:<input v-model="name"></p>
    <button @click="add">添加</button>
  </div>
</template>

<script>
export default {
  // 子组件接收父组件数据使用props即可
  props: {
    list: {
      type: Array,
      required:true,
      default:()=>[]
    }
  },
  setup(props) {
    console.log(props.list.length)
  }
}
</script>